<template>
  <div class="pageThree">
    <div class="one-tit">
      综合分析
    </div>
    <div class="content">
      <div class="tree-box">
        <div class="moduleTit-box">
          <div class="module-tit">
            <img src="../assets/img/tit-point.png" alt="">
            <span>所有机构的主营产业占比</span>
            <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
          </div>
        </div>
        <div class="tree">
          <a href="javascript:;" class="hide_search" @click="searchTxt(filterText)"></a>
          <input class="search-ipt" @keydown.stop="enterSearch($event,filterText)" placeholder="搜索" v-model="filterText"/>
          <div class="tree-tit">
            <img src="../assets/img/triangle.png" alt="">
            产业、行业、企业
          </div>
          <el-tree
          :data="searData"
          :props="defaultProps"
          accordion
          ref="tree1"
          node-key="id"
          default-expanded-keys="[1,11,111]"
          :filter-node-method="filterNode"
          @node-click="handleNodeClick">
          </el-tree>
        </div>
      </div>
      <!--树状-->
      <!--前十年企业竞争力指数-->
      <div class="middle-box">
        <div class="tenYear-box">
          <div class="moduleTit-box">
            <div class="module-tit">
              <img src="../assets/img/tit-point.png" alt="">
              <span>前十年企业竞争力指数</span>
              <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
            </div>
          </div>
          <div class="tenyear-con" ref="tenYearData">
          </div>
        </div>
        <div class="jiegou-box">
          <div class="moduleTit-box">
            <div class="module-tit">
              <img src="../assets/img/tit-point.png" alt="">
              <span>
                <span>去年质量竞争力指数</span>
                <span>及各级指标得分</span>
              </span>
              <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
            </div>
          </div>
          <div class="jiegou-con">
            <div class="jiegou-body">
                <p class="one-level">82.44</p>
                <p class="two-level">78.49</p>
                <p class="two-level">86.39</p>
                <p class="left-three-level left-three-level1">81.07</p>
                <p class="left-three-level left-three-level2">87.11</p>
                <p class="left-three-level left-three-level3">77.87</p>
                <p class="left-three-level right-three-level1">72.86</p>
                <p class="left-three-level right-three-level2">74.17</p>
                <p class="left-three-level right-three-level3">85.96</p>
                <p class="four-level left-four-level1">83.69</p>
                <p class="four-level left-four-level2">86.39</p>
                <p class="four-level left-four-level3">83.87</p>
                <p class="four-level left-four-level4">89.27</p>
                <p class="four-level left-four-level5">96.4</p>
                <p class="four-level left-four-level6">88</p>
                <p class="four-level right-four-level1">78.93</p>
                <p class="four-level right-four-level2">61.6</p>
                <p class="four-level right-four-level3">74.98</p>
                <p class="four-level right-four-level4">73.36</p>
                <p class="four-level right-four-level5">100</p>
                <p class="four-level right-four-level6">64.91</p>
            </div>
          </div>
        </div>
      </div>
      <!--******行业/企业***-->
      <div class="enterprise-box">
        <div class="patent-num-box">
          <div class="moduleTit-box">
            <div class="module-tit">
              <img src="../assets/img/tit-point.png" alt="">
              <span>
                <span>行业/企业拥有</span>
                <span>专利数（件）及增长率</span>
              </span>
              <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
            </div>
          </div>
          <div class="patent-num" ref="patentNum">

          </div>
        </div>
        <!--工程技术人员比重指标得分-->
        <div class="indicators-box">
          <div class="moduleTit-box">
            <div class="module-tit">
              <img src="../assets/img/tit-point.png" alt="">
              <span>
                <span>行业/企业工程技术人员</span>
                <span>比重指标</span>
              </span>
              <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
            </div>
          </div>
          <div class="indicators-score" ref="indicatorScore">

          </div>
        </div>
      </div>
      <!--***********去年产品监督抽查情况**********-->
      <div class="supervision-box">
        <div class="moduleTit-box">
          <div class="module-tit">
            <img src="../assets/img/tit-point.png" alt="">
            <span>去年产品监督抽查情况</span>
            <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
          </div>
        </div>
        <div class="supervision-con">
          <div class="supervision-info">
            <div class="info-list" v-for="item in batchData">
              <h2>{{item.tit}}</h2>
              <div class="list-num-box">
                  {{item.hgl}}
              </div>
            </div>
          </div>
          <div class="supervision-data" ref="superviData">

          </div>
        </div>
        <div class="moduleTit-box">
          <div class="module-tit">
            <img src="../assets/img/tit-point.png" alt="">
            <span>去年举报投诉情况</span>
            <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
          </div>
          <div class="complaints-box">
            <div class="complaints-count">
                <div class="tit">举报投诉总数量</div>
                <div class="con">150次</div>
            </div>
            <div class="complaints-data" ref="complaintsData">

            </div>
          </div>
        </div>
      </div>
      <!--***********右侧数据展示**********-->
      <div class="right-box">
        <ul class="data-count-box clearfix">
          <li :class="{'animationRoate':animationFlag===index}" class="pull-left" v-for="(item,index) in dataCountList" @mouseout="removeAnimation" @mouseover="addAnimation(index)">
            <h2>{{item.name}}</h2>
            <div class="data-count-con">
              {{item.value}}
            </div>
          </li>
          <li class="pull-left teshuStyle" :class="{'animationRoate':animationFlag===10}" @mouseout="removeAnimation" @mouseover="addAnimation(10)">
            <h2>通过认证</h2>
            <div class="data-count-con">
              <span>ISO9000质量管理体系认证</span>
            </div>
          </li>
          <li class="pull-left teshuStyle1" :class="{'animationRoate':animationFlag===11}" @mouseout="removeAnimation" @mouseover="addAnimation(11)">
            <h2>质量奖励</h2>
            <div class="data-count-con">
              <span>衡水市政府质量奖</span>
            </div>
          </li>
        </ul>
        <div class="report-box">
          <div class="moduleTit-box">
            <div class="module-tit">
              <img src="../assets/img/tit-point.png" alt="">
              <span>该行业/企业质量分析报告</span>
              <img class="rotateImg" src="../assets/img/tit-point.png" alt="">
            </div>
          </div>
          <div class="report-con">
            <h2 class="report-tit">2017年衡水市产品质量状况分析</h2>
            <p>2017年12月份, 在衡水市政府的正确领导的指导下, 以促进产品质量提升为目标, 以保障质量安全为底线,以消费品、重点工业品、区域产品为重点,充分发挥监督抽査、风险监控、区域产品整治等综合作用,全省产品质量状况稳中有升, 未发生行业性、 系统性、 区域性产品质量安全事故 。</p>
            <h3>一、质量安全状况稳中有升</h3>
            <p>（一）工业产品质量持续提升。2017年衡水市监督抽査全市718家企业771个批次包括化肥、农用薄膜、农机配件、低压灌溉输水管材、儿童服装、车用汽柴油、电动自行车、家具、压力表等涉及民生的28种产品,738个批次产品合格,平均抽査合格率为95.72% ,同比提高0.92个百分点,比2015 年提高5.9个百分点。 合格率较高的产品是氮磷肥、农用塑料薄膜、车用汽柴油、电工套管、电动自行车等7类产品,产品质量平均抽査合格率为100% ;合格率较低的产品是羊绒、羊毛针织品和毛巾,产品质量平均抽査合格率分别为70.0%和86.7%。</p>
            <el-table
              :data="tableData"
              stripe
              style="width: 100%">
              <el-table-column
                prop="pNumber"
                label="序号"
                width="98">
              </el-table-column>
              <el-table-column
                prop="pName"
                label="产品名称"
                width="356">
              </el-table-column>
              <el-table-column
                prop="ccpc"
                label="抽查批次"
               >
              </el-table-column>
              <el-table-column
                prop="hgpc"
                label="合格批次"
                >
              </el-table-column>
              <el-table-column
                prop="hgl"
                label="平时抽查合格率(%)">
              </el-table-column>
            </el-table>
            <p style="margin-top: 50px">市级监督抽査覆盖5个区和8个县, 结合各地产业分布特点, 加大跟踪抽査力度, 持续提升区域重点产品质量,提高全市产品质量整体水平。  </p>
            <h3 style="text-align: center;margin: 30px 0;">2017年衡水市产品质量监督抽査各地情况</h3>
            <el-table
              :data="tableData1"
              stripe
              style="width: 100%">
              <el-table-column
                prop="pNumber"
                label="地市"
                width="150">
              </el-table-column>
              <el-table-column
                prop="pName"
                label="抽查企业数"
                width="356">
              </el-table-column>
              <el-table-column
                prop="ccpc"
                label="抽查产品批次"
              >
              </el-table-column>
              <el-table-column
                prop="hgpc"
                label="合格产品批次"
              >
              </el-table-column>
              <el-table-column
                prop="hgl"
                label="平时抽查合格率(%)">
              </el-table-column>
            </el-table>
            <p style="margin-top: 20px">（二）区城产品质量总体稳定。对化肥、汽车配件等13类产品19个区域开展了产品质量整治提升行动, 推动“地方政府负总责、 监管部门各负其责、 企业负主体责任” 的产品质量责任制落实 。 制定了 «2017年区域性产品质量整治提升工作实施意见», 组织召开全省区域性产品质量整治提升工作调度会,对区域产品质量安全风险隐患排査和整治提升工作进行部署, 对重点整治提升区域开展督导检查和暗访。 针对我省童车产品存在的质量问题, 约谈了平乡县、 广宗县政府主管县长, 并签定了区域整治承诺书, 推动地方政府重视质量安全, 有效遏制区域重点产品质量安全事故发生。</p>
            <p>(三)质量申诉呈现下降趋势。上半年,全省12365举报处置指挥系统受理业务咨询、 质量申诉、 案件举报共计13118 件次。其中,业务咨询12658人次,质量申诉153件,案件举报307起。与去年同期相比,质量申诉减少了39.5%,打假举报减少了34. 8%,业务咨询增.加了36. 3%。</p>
            <p>按产品类别分析。上半年,全省12365举报处置指挥系统受理业务较多的产品类别主要是汽车配件、 特种设备、 建材、计量产品等4类产品, 占业务受理总量的57.4%。</p>
            <p>汽车配件受理业务共计3098件次。其中,业务咨询3046 人次、质量申诉29人次、案件举报23起。质量申诉全部集中在汽车三包方面, 消费者反映从家用轿车 4S店购买的汽车, 出现发动机料动、变速箱异响、漏防冻液、动力不足等质量问题, 4s店不能有效解决处理。 案件举报的问题主要是无证改装车或改装车不合格, 生产假冒汽车滤芯和刹车片等 。</p>
            <p>特种设备受理业务共计2165件次。其中,业务咨询2042 人次、质量申诉54起、案件举报69起。咨询大多集中在电梯、 锅炉和游乐设备等产品方面, 咨询的主要问题涉及电梯年检、 特种设备培训情况和如何取得上岗操作证等。 质量申诉和案件举报主要集中在电梯方面, 占特种设备举报投诉的70% , 举报或投诉的问题是电梯困人、 电梯长时问不关门、 电梯运行过程中掉层、坠梯、电梯维保单位无资质或维修不及时、电梯使用单位未张贴警示标志牌和安全检验合格标志、电梯超期未年检等问题。</p>
            <p>建材产品受理业务共计1316件次。其中,业务咨询1272 人次、质量申诉12起、案件举报32起。</p>
            <p>计量产品业务受理共计956件次。其中,业务咨询850人次、质量申诉27起、案件举报79起。在举报投诉案件中,加油加气机计量不准案件81起,地磅计量不准案件14起,集贸市场或商店使用的计量器具计量不准案件11起。</p>
            <p>2017年, 举报投诉重点是特种设备中的电梯故障问题和车用气瓶无证充装问题、计量不准和汽车三包等问题。其中,特种设备类举报投诉案件123起, 占举报投诉总数26. 7%;计量不准举报投诉106起,占举报投诉总数23%;汽车质量问题投诉举报52起, 占上半年举报投诉总数11. 3%。</p>
            <p>(四)特种设备保持安全态势。上半年,全省未发生特种设备安全事故。以贯彻落实«河北省电梯安全管理办法»为契机, 大力推进各地电梯96365应急处置平台建设。集中开展了特种设备重点领域打非治违和隐患治理行动, 共现场检查危化企业特种设备使用单位1523家,抽查特种设备2736台,发现安全隐患215个,下达安全监察指令书143份,指导督促各単位按规定进行整改。检验油气输送管道380多公里。配合相关部门开展燃煤锅炉淘汰工作, 对全省3052台锅炉及时办理了注销或拆除手续, 对不符合政策要求的新建燃煤锅炉, 坚决不予办理安装告知、监督检验和使用登记手续,严把燃煤锅炉人口。</p>
            <h3 style="margin: 20px 0">二、 质量强省战略扎实推进</h3>
            <p>（一）大质量浓厚氛围正在形成。6月16日,省政府召开了“河北省实施质量强省和标准化战略大会”。赵克志书记作出重要批示 。 许勤省长及有关省领导、 国家质检总局支树平局长在主会场出席会议并发表重要讲话 。 会议学习贯彻习近平总书记关于加强质量和标准化工作的重要指示精神,表彰获得2016年度省政府质量奖的单位和个人,对推进实施质量强省和标准化战略做出安排部署, 要求全省上下进一步树牢质量第一、标准引领的强烈意识,以质量提升和标准引领为主攻方向,全力推进供给侧结构性改革,实现经济社会质量型创新发展 。 各地各部门迅速行动, 狠抓大会精神落实, 质量强省和标准化战略各项工作稳步推进, 大质量格局、 大质量氛围越来越浓厚 。</p>
            <p>（二）质量奖励和质量考核作用发挥明显。围绕全省中心工作,充分发挥质量奖励助力节能减排、化解产能、转型升级中的作用, 把去产能、 强环保等要素作为企业申报质量奖的约束性条件, 新获奖单位中有 11家为高新技术企业 。 省名牌产品中, 高端装备、 电子信息、 医药等高新技术产品比上年增加32 % 。 围绕质量提升和质量发展长效机制建设及有效促进产业转型升级, 组织对 «市级政府质量工作考核评分细则» 进行修订完善,有效发挥质量考核工作的杠杆作用,强化各级政府质量意识,全面实施质量提升行动,积极开展质量强市、强县工作,发挥质量工作对供给侧结构性改車和转型升级的支撑作用。</p>
            <p>(三) 质量提升活动深入开展 。 按照全省消费品标准和质量提升规划要求, 从社会关注的消费品入手, 开展标准和质量提升行动 。 对生态板、 儿童玩具、 空气净化用活性炭等开展产品质量安全风险监测; 对学生用品、 儿童玩具等消费品开展监督抽查, 督促属地监管部门和企业对发现的质量问题和安全隐患及时整改。在秦皇岛市召开了全省质量提升现场会,石家庄、 秦皇岛和东光县分别从质量提升、 质量强市、 质量强县建设方面做了典型发言, 分享了优秀企业狠抓质量管理、 追求卓越的经验做法。 在石家庄市举办了为期3天的“实施卓越质量管理提升质量供给水平” 培训班, 邀请全国卓越绩效管理模式资深专家授课, 省政府质量奖获奖企业、 拟申报省政府质量奖企业、实施“双五百双五十”工程企业质量工作负责人,各地质量管理部门有关人员参加培训。</p>
            <p>(四) 标准的支撑和引领作用开始显现。 健全标准化工作机制,充分发挥省标委办职能,推动标准化战略实施。改革企业标准备案制度, 全面施行企业标准白我声明公开制度, 目前已有9613项企业标准在网上自我声明公开。 组织制定并发布实施了 «地理标志产品肅宁裘皮» 等6项消费品地方标准、«钢结构住宅用框架梁、柱选材通用要求»等4项钢铁行业地方标准、 «冷链物流冷库技术规范»等9项服务业地方标准、«谷子病虫害防治技术规范»等57项农业地方标准。 上半年组织制定工业、农业、服务业河北省地方标准共134项, 目前河北省地方标准总数已达2425项 。</p>
            <p>(五)服务中心发挥质监职能作用 。上半年,全省各级计量技术机构依法检定计量标准器具、工作计量器具共220. 9万台(件)。批准发布了«户用超声燃气表»«雷氏夹膨胀测定仪»«多功能电力仪表»等3项地方计量技术规范。批准新建压力控制器、呼出气体酒精含量探测器等计量标准42项。批准新增计量器具新产品49项, 比去年同期增加了28. 57%。 上半年,煤质检验涉及煤炭15万余吨,不合格煤炭651批次,涉及煤炭61万余吨。截止日前,煤质检验涉及煤炭共计5520万余吨,不合格煤涉及共计852万余吨。开展全省在用锅炉普査, 摸清在用锅炉底数, 为省委省政府及相关部门制定燃煤锅炉淘汰方案等政策提供可靠依据 。 在大气环境治理、 经济转型升级等工作中发挥了质量基础的支撑保障作用。</p>
            <p>(六) 质量违法行为得到有效遇制。 在全省开展煤炭检验检测机构检査和车用油品生产企业产品质量监督抽査,把油品质量管控列入 “一问责八清理” 专项行动, 强化监管责任落实 。 以省淘汰办名义印发了 «运用质量标准手段促进淘汰十大重点涉水污染行业落后产能及化解泥玻璃烧结机过剩产能的实施方案»,促进化解产能和提质增效。严査“地条钢”生产行为 。 充分发挥互联网與情监测系统和稽查执法信息系统作用, 严厉打击各类质量违法行为, 上半年全省质监系统共出动执法人员21663人次,查处违法案件646起(其中,大案要案19 起,立案査处案件580起,现场处罚案件66起),査获涉案产品货值1195. 92万元 。 有效遏制劣质产品和仿冒产品增长势头。</p>
            <h3 style="margin: 20px 0">三、存在的主要问题</h3>
            <p>（一）质量和标准化意识有待加强。近年来,我省质量和标准化工作不断加强,但与经济发达省市还存在很大差距和不足, 主要表现是: 一是大质量观尚未形成。 有的地方和部门对质量的理解还比较狭义, 没有站在广义的角度形成大质量观, 对质量工作重视不够,未上升到战略层面去谋划推动经济发展。 二是标准引领意识不强。 有的地方和部门没有认识到标准升级是推进供给侧结构性改革的主攻方向, 不善于通过制定和实施先进标准推动创新发展、 转型升级.。 不主导或参与国际、国家、 行业标准制修订工作, 国际标准和国外先进标准吸收转化不够、采标率较低,标准化整体水平不高。三是品牌效应不够明显。世界品牌实验室发布的2017年最具价值品牌500强企业中,我省仅有10家企业入选,是北京市的九分之一,山东的五分之一 。 我省排名最靠前的长城汽车股份有限公司, 位居135位,其品牌价值(293.75亿元)还不到海尔集团(2918. 96亿元)的十分之一。</p>
            <p>（二）企业自主创新能力不强。2009年以来,我省制造业质量竞争力指数持续提升,但较国家均值低3~4分,较先进省市相差8~13分,基本在全国第17~24位徘徊,与我省在全国经济总量的位次不相适应。 创新能力不足是根本原因 。 主要表现: 一是创新人才匮乏 。 2016年数据统计全省规模以上制造业工程技术人员比重为1. 14%,低于全国平均水平10分左右。 二是创新投入不足。 2016 年数据统计全省规模以上制造业研究与发展经费、 技术改造经费占主营业务收入的比重仅为 0. 69%和 0. 20%,均低于全国平均水平,且呈现连续下滑态势。三是创新成果偏低。2016年数据统计全省制造业每亿元产值拥有专利数为 0. 18项,低于全国平均水平;全省发明专利授权量为4247件,居全国第20位。企业自主创新能力不强, 已成为向新动能转换的短板。</p>
            <p> (三) 区城性产品质量整治仍需加强 。 近年来, 全省区域性产品质量整治提升工作成效明显,区域性产品质量稳步提升 。 但目前一些领域和行业, 仍存在一定产品质量安全隐患 。 一是忽视产品质量安全。具有一定基础优势的传统产业区域, 有的地方政府对产品质量安全存在的问题认识不高, 对潜在的安全隐患可能造成的危害和社会影响力估计不足。二是整治工作不够扎实 。 个别地方政府对辖区内产品质量安全隐患排査不到位,整治方案不实不细,工作不够扎实。三是产品质量问题突出。人造板、洗涤用品、童车等区域性产品,质量问题还很突出, 使用劣质原材料生产劣质产品, 假冒、 仿冒他人品牌, 非法进行生产和销售的现象屡禁不止。</p>
            <h3 style="margin: 20px 0"></h3>
            <p>认真落实实施质量强省和标准化战略大会精神, 牢固树立质量第一标准引领强烈意识, 以质量提升和标准升级为主攻方向,大力开展制造业质量提升和消费品“增品种、提品质、创品牌”专项行动,提高供给质量,实现经济社会质量型创新发展。企业要适应市场需求,加大研发投入、生产高端产品、培育知名品牌, 增强产品核心竞争力和满足消费需求。</p>
            <p>（一）开展质量提升行动。质量提升行动从以下三个方面求突破: 一是打造高端制造业。围绕落实«中国制造2025», 在智能装备制造、 先进轨道交通装备、 节能与新能源汽车等重点领域, 开展工艺优化和关键共性质量技术攻关, 力争使产品质量达到国际同类产品先进水平, 推动质量创新发展。 二是培育新兴产业 。 瞄准信息技术、 生物医药、 新能源等新兴产业, 加大培育新兴产业力度, 加快产业转型升级。 三是实施消费品升级。发挥消费品质量标杆示范作用, 引导企业根据市场消费和技术发展前沿水平及消费者差异化需求, 建设一批消费品质量提升示范项目, 带动消费品质量提档升级, 增强发展质量效益。</p>
            <p>（二）提高品牌核心竞争力。品牌竞争力的提高从以下三个方面下功夫: 一是加强品牌培育。围绕实施千项新产品开发、千项名牌产品培育“双千”工程,落实«河北省名优产品和服务品牌培育“十三五”规划»,加大装备制造、电子信息、消费品等重点领域品牌培育力度 。 各地经济开发区、 高新技术产业园区、 产业聚集区等积极创建国家和省知名品牌创建示范区, 打造一批区域特色名优品牌, 提升区域重点产业和质量水平 。 二是增强核心竞争力 。 行业骨干企业把技术创新作为提高品牌竟争力的抓手,开展个性化定制、柔性化生产,加快品质提升和供给创新, 加快科技研发成果向产品转化, 推动初级产品向精深、 中间产品向终端、 一般产品向品牌转变, 提升河北品牌的核心竟争力和影响力 0 三是加强品牌宣传。 加大对 “河北品牌”的宣传推介力度,利用“中国品牌日”、  “质量月”、“河北品牌节” 等活动, 展示河北品牌, 通过国内省内主流媒体宣传河北品牌, 扩大河北品牌的知名度。</p>
            <p>(三) 加强区城性产品整治 。 区域性产品质量整治提升从以下四个方面发力: 一是明确重点产品区域 。 将假冒伪劣等质量问题仍然突出的人造板、洗涤用品、 电线电缆等9个区域和风险排査发现质量安全隐患突出的儿童服装等6个区域, 确定为下一步区域性产品质量整治重点。二是深入开展隐患排查。 以质量问题为导向,采取明査暗访、跟踪检査、稽査建议、行政约谈等措施, 推动各地从根本上解决区城。</p>
            <p>（四）强化质量安全监督，产品质量安全j监管从以下四个方面见实效，一是严格行政审批，强化行政审批全过程监管，j结合“放管服“改革，在进一步简化程序，提高效率的同时，严格执行国家规定的条件，严格审批环节要求，对不符合条件的一律不予许可。二是注重证后监管，按照 “谁审批谁监管，谁主管谁监管”的原则及时发现和查处问题。对不能保证质量安全，或出现重大事故的，依法撤销，吊销，注销行政许可。三是加大抽查力度。提高抽查比重，扩大监督覆盖面，加大抽查频次，突出抽查与消费者身体健康密切相关的指标。严格抽查后处理工作，依法抽查处理不合格企业。四是实施安全风险监控，建立质量安全风险监控，风险研判，风险预警，和风险快速处置机制。健全风险信息监控网络，在有条件的社区，乡镇，学校等建立风险信息监测点。完善产品质量伤害机制，确保产品质量安全，为党的十九大胜利召开，提供安全质量保障。
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import {tenYearsOption,patentOption,scoreOption,spoTheckOption,spoTheckFun,complaintsOption} from '../lib/js/pageThree'
  export default {
    watch: {
      filterText(val) {
        this.$refs.tree1.filter(val);
      }
    },
    name: 'pageThree',
  data () {
    return {
      interVal:'',
      animationFlag:1000,
      tenFlag:true,
      spoTheckDataFlag:true,
      complaintsDataFlag:true,
      patentFlag:true,
      tableData: [
        {
        pNumber: 1,
        pName: '氮磷肥',
        ccpc:10,
        hgpc:100,
        hgl:100,
      },{
        pNumber: 2,
        pName: '农用塑料薄膜',
        ccpc:25,
        hgpc:25,
        hgl:100,
      },{
        pNumber: 3,
        pName: '车用汽柴油',
        ccpc:20,
        hgpc:20,
        hgl:100,
      },{
        pNumber: 4,
        pName: '电工套管',
        ccpc:20,
        hgpc:20,
        hgl:100,
      },{
          pNumber: 5,
          pName: '电动自行车',
          ccpc:2,
          hgpc:2,
          hgl:100,
        },{
          pNumber: 6,
          pName: '塑料购物袋',
          ccpc:30,
          hgpc:30,
          hgl:100,
        },{
          pNumber: 7,
          pName: '一次性生活用纸',
          ccpc:60,
          hgpc:60,
          hgl:100,
        },{
          pNumber: 8,
          pName: '软体家具',
          ccpc:80,
          hgpc:79,
          hgl:98.8,
        },{
          pNumber: 9,
          pName: '金属家具',
          ccpc:30,
          hgpc:29,
          hgl:96.7,
        },{
          pNumber: 10,
          pName: '配装眼镜',
          ccpc:302,
          hgpc:292,
          hgl:96.7,
        },{
          pNumber: 11,
          pName: '儿童及婴幼儿服装',
          ccpc:20,
          hgpc:19,
          hgl:95.0,
        },{
          pNumber: 12,
          pName: '农药',
          ccpc:50,
          hgpc:47,
          hgl:94.0,
        },{
          pNumber: 13,
          pName: '压力表',
          ccpc:12,
          hgpc:11,
          hgl:91.7,
        },{
          pNumber: 14,
          pName: '低压灌溉输水管材',
          ccpc:20,
          hgpc:18,
          hgl:90.0,
        },{
          pNumber: 15,
          pName: '农机配件',
          ccpc:10,
          hgpc:9,
          hgl:90.0,
        },{
          pNumber: 16,
          pName: '室外健身器材',
          ccpc:30,
          hgpc:27,
          hgl:90.0,
        },{
          pNumber: 17,
          pName: '毛巾',
          ccpc:30,
          hgpc:26,
          hgl:86.7,
        },{
          pNumber: 18,
          pName: '羊绒、羊毛针织品',
          ccpc:20,
          hgpc:14,
          hgl:70.0,
        },{
          pName: '合计',
          ccpc:771,
          hgpc:738,
          hgl:95.72,
        }
      ],
      tableData1:[
        {
          pNumber: '开发区',
          pName: 29,
          ccpc:30,
          hgpc:30,
          hgl:100,
        },{
          pNumber: '桃城区',
          pName: 9,
          ccpc:9,
          hgpc:9,
          hgl:100,
        },{
          pNumber: '冀州区',
          pName: 101,
          ccpc:113,
          hgpc:112,
          hgl:99.1,
        },{
          pNumber: '滨湖新区',
          pName: 44,
          ccpc:46,
          hgpc:45,
          hgl:97.8,
        },{
          pNumber: '枣强区',
          pName: 66,
          ccpc:70,
          hgpc:68,
          hgl:97.1,
        },{
          pNumber: '武邑县',
          pName: 33,
          ccpc:33,
          hgpc:32,
          hgl:97.0,
        },{
          pNumber: '武强县',
          pName: 129,
          ccpc:145,
          hgpc:140,
          hgl:96.6,
        },{
          pNumber: '饶阳县',
          pName: 47,
          ccpc:48,
          hgpc:46,
          hgl:95.8,
        },{
          pNumber: '安平',
          pName: 84,
          ccpc:97,
          hgpc:92,
          hgl:94.8,
        },{
          pNumber: '故城县',
          pName: 72,
          ccpc:72,
          hgpc:67,
          hgl:93.0,
        },{
          pNumber: '景县',
          pName: 82,
          ccpc:83,
          hgpc:73,
          hgl:88.0,
        },{
          pNumber: '阜城县',
          pName: 6,
          ccpc:6,
          hgpc:6,
          hgl:100,
        },{
          pNumber: '深州市',
          pName: 16,
          ccpc:16,
          hgpc:15,
          hgl:93.8,
        },{
          pNumber: '合计',
          pName: 726,
          ccpc:768,
          hgpc:735,
          hgl:95.7,
        }
      ],
      dataCountList:[
        {
          name:'可研投入',
          value:'1.2亿元'
        },{
          name:'品牌价值',
          value:'3亿元'
        },{
          name:'企业总资产',
          value:'36亿'
        },{
          name:'固定资产',
          value:'13亿'
        },{
          name:'销售总额',
          value:'28亿'
        },{
          name:'利润总额',
          value:'15亿'
        }
      ],
      filterText: '',
      searData: [
        {
        label: '农业',
        level:1,
        id:1,
        children: [
          {
            label:'农业',
            id:11,
            children:[
              {
                id:111,
                label: '故城县英昌种植专业合作社',
              }, {
                label:'深州市果丰蜜桃专业合作社',
              }, {
                label: '安平县英耐尔丝网制品有限公司',
              }
            ]
          },
          {
            label:'林业',
            children:[
              {
                label: '阜城县通达农业科技有限公司',
              }, {
                label: '衡水东禾农业科技有限公司',
              }, {
                label: '衡水绿野农业科技有限公司',
              }
            ]
          },
          {
            label:'牧畜业',
            children:[
              {
                label: '河北金长丰农业科技有限公司',
              }, {
                label: '深州市大流花生豆专业合作社',
              }, {
                label: '武邑县众林粮食种植专业合作社',
              }
            ]
          }
        ]
      },
        {
          label: '服务业',
          level:1,
          children: [
            {
              label:'批发业',
              children:[
                {
                  label: '河北康迪机械设备贸易有限公司',
                }, {
                  label:'衡水花庭商贸有限公司',
                }, {
                  label: '衡水恒成商贸有限公司',
                }
              ]
            },
            {
              label:'零售业',
              children:[
                {
                  label: '衡水如昊商贸有限公司',
                }, {
                  label: '衡水德佳新能源科技发展有限公司',
                }, {
                  label: '故城县香银商贸有限公司',
                }, {
                  label: '阜城县晓飞食品贸易有限公司',
                }
              ]
            },
            {
              label:'仓储业',
              children:[
                {
                  label: '深州市恒享物流服务部',
                }, {
                  label: '武邑县冬亮物流',
                }, {
                  label: '阜城县京杭物流停车场',
                }
              ]
            }
          ]
        },
        {
          label: '运输业',
          level:1,
          children: [
            {
              label:'铁路运输业',
              children:[
                {
                  label: '饶阳县电盛铁路器材有限公司',
                }, {
                  label:'衡水第二工务段油漆厂',
                }, {
                  label: '衡水第二工务段职工技术交流站',
                }
              ]
            },
            {
              label:'道路运输业',
              children:[
                {
                  label: '深州市杰邦货物运输有限公司',
                }, {
                  label: '安平县顺安货物运输公司',
                }, {
                  label: '阜城县浩宇公路工程有限公司',
                }, {
                  label: '深州市金鹏来货运有限公司',
                }
              ]
            },
            {
              label:'管道运输业',
              children:[
                {
                  label: '衡水建树管道工程有限公司 ',
                }, {
                  label: '衡水鑫驰管业制造有限公司',
                }, {
                  label: '衡水市水上架设管道公司',
                }
              ]
            }
          ]
        },
        {
          label:'工业',
          level:1,
          children: [
            {
              label:'煤炭开采和洗选业',
              children: [
                {
                  label: '景县杜桥申庄兴隆煤场'
                },
                {
                  label: '中电新能矿业有限公司'
                }
              ]
            },
            {
              label:'建筑业',
              children: [
                {
                  label: '河北飞荣建筑工程有限公司'
                },
                {
                  label: '衡水建华建筑工程有限公司'
                },
                {
                  label: '河北北森建筑工程有限公司'
                },
                {
                  label: '河北众杰建筑装饰工程有限公司'
                },
                {
                  label: '枣强县第二建筑工程有限公司'
                }
              ]
            },
            {
              label:'建筑安装业',
              children: [
                {
                  label: '衡水兴瑞电力工程有限公司'
                },
                {
                  label: '衡水国讯电子工程有限公司'
                },
                {
                  label: '衡水市冀州区鑫邦安防工程有限公司'
                },
                {
                  label: '故城辉悦电气安装工程有限公司'
                },
                {
                  label: '河北超宇医疗设备安装工程有限公司'
                }
              ]
            },
            {
              label:'建筑装饰和其他建筑业',
              children: [
                {
                  label: '冀州区永仓建筑工程队'
                },
                {
                  label: '阜城县建阜建筑工程队'
                },
                {
                  label: '阜城县达鑫交通市政设施工程队'
                },
                {
                  label: '阜城县昊洋市政工程队'
                },
                {
                  label: '衡水弘旭土石方工程有限责任公司'
                }
              ]
            },
            {
              label:'造纸和纸制品业',
              children: [
                {
                  label: '安平县新兴滤芯厂'
                },
                {
                  label: '深州东初特种浆板有限公司'
                },
                {
                  label: '深州市造纸二厂'
                }
              ]
            },
          ]
        }
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      tenYearData:[43.13,73.28,73.19,35.82,87.46,78.70,80.08,89.13,81,90,72.44],
      patentData:[3197,3856,4729,7323,12494],
      patentRate:[31.53,21.30,22.64,54.85,70.61],//不用给比例，直接给数就可以
      scoreData:[1.34,5.02,3.65,5.43,6.59],
      batchData:[
        {
          tit:'抽查批次',
          hgl:"23"
        },{
          tit:'合格率',
          hgl:"80%"
        }
      ],
      spoTheckData:[1,2,3,4,6,7],
      complaintsData:[5,10,15,30,40,50],
    }
  },
  mounted(){
      //十年企业指数
    tenYearsOption.series[0].data=this.tenYearData;
    this.createCanvas(tenYearsOption,'tenYearData');
    //企业/行业专利增长率
    patentOption.series[0].data.forEach((item,index)=>{
      item.value=this.patentData[index]
    });
    patentOption.series[2].data=this.patentRate
    this.createCanvas(patentOption,'patentNum');
    //企业/行业技术人员得分
    scoreOption.series[1].data.forEach((item,index)=>{
      item.value=this.scoreData[index]
    });
    this.createCanvas(scoreOption,'indicatorScore');
    //监督抽查情况
    this.spoTheckData.forEach((item,index)=>{
      spoTheckOption.series[index]['data']=spoTheckFun(10,item)
    });
    this.createCanvas(spoTheckOption,'superviData')
    //去年举报投诉情况
    this.complaintsData.forEach((item,index)=>{
      complaintsOption.series[index]['data']=spoTheckFun(70,item)
    });
    this.createCanvas(complaintsOption,'complaintsData')
    //随机动画
    this.randomFun();
  },
  methods:{
    randomFun(){
      clearTimeout(this.interVal)
      let index=parseInt(Math.random()*6);
      switch(index){
        case 0:
          this.createCanvas(tenYearsOption,'tenYearData');
          break;
        case 1:
          this.createCanvas(patentOption,'patentNum');
          break;
        case 2:
          this.createCanvas(scoreOption,'indicatorScore');
          break;
        case 3:
          this.createCanvas(spoTheckOption,'superviData')
          break;
        case 4:
          this.createCanvas(complaintsOption,'complaintsData')
          break;
      }
      this.interVal=setTimeout(this.randomFun,2000);
    },
    addAnimation(index){
      this.animationFlag=index
    },
    removeAnimation(){
      this.animationFlag=1000
    },
    enterSearch(e,val){
      if(e.keyCode==13){

      }
      return false
    },
    createCanvas(option,refName){
      let eleM=this.$refs[refName];
      let myChart = this.$echarts.init(eleM);
      myChart.clear();
      option['animation']=true;
      option['animationDuration']=1000;
      option['animationEasing']='cubicOut'
      myChart.setOption(option);
    },
    searchTxt(val){
      console.log(val)
    },
    filterNode(value, data) {
      if (!value) return true;
      return data.label.indexOf(value) !== -1;
    },
    handleNodeClick(data) {
      if(data.level==1)return false;
      //十年企业指数
      if(this.tenFlag){
        this.tenFlag=false
        tenYearsOption.series[0].data=[23.13,33.18,33.19,35.82,37.46,88.20,70.08,19.13,81,90,12.44];
        this.createCanvas(tenYearsOption,'tenYearData');
      }
      else{
        this.tenFlag=true
        tenYearsOption.series[0].data=this.tenYearData
        this.createCanvas(tenYearsOption,'tenYearData');
      }
      //企业/行业专利增长率
      if(this.patentFlag){
        this.patentFlag=false;
        patentOption.series[0].data.forEach((item,index)=>{
          item.value=[3297,2856,4129,8323,10494][index]
        });
        patentOption.series[2].data=[30.53,11.30,12.64,44.85,77.61]
        this.createCanvas(patentOption,'patentNum');
      }else{
        this.patentFlag=true;
        patentOption.series[0].data.forEach((item,index)=>{
          item.value=this.patentData[index]
        });
        patentOption.series[2].data=this.patentRate
        this.createCanvas(patentOption,'patentNum');
      }
      //企业/行业技术人员得分
      scoreOption.series[1].data.forEach((item,index)=>{
        item.value=this.scoreData[index]
      });
      this.createCanvas(scoreOption,'indicatorScore');
      //监督抽查情况
      if(this.spoTheckDataFlag){
        this.spoTheckDataFlag=false;
        [1,3,3,4,5,7].forEach((item,index)=>{
          spoTheckOption.series[index]['data']=spoTheckFun(10,item)
        });
        this.createCanvas(spoTheckOption,'superviData')
      }else{
        this.spoTheckDataFlag=true;
        this.spoTheckData.forEach((item,index)=>{
          spoTheckOption.series[index]['data']=spoTheckFun(10,item)
        });
        this.createCanvas(spoTheckOption,'superviData')
      }
      //去年举报投诉情况
      if(this.complaintsDataFlag){
        this.complaintsDataFlag=false;
        [5,10,15,30,40,50].complaintsData.forEach((item,index)=>{
          complaintsOption.series[index]['data']=spoTheckFun(70,item)
        });
        this.createCanvas(complaintsOption,'complaintsData')
      }else{
        this.complaintsDataFlag=true;
        this.complaintsData.forEach((item,index)=>{
          complaintsOption.series[index]['data']=spoTheckFun(70,item)
        });
        this.createCanvas(complaintsOption,'complaintsData')
      }
    }
  }
}
</script>

<style scoped lang="scss">
  @import "pageThree";
</style>
